<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}
        <link rel="stylesheet" href="{{ asset('bundles/mallocunuitinfo/css/css.css') }}" media="screen" />
        {% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    </head>
    <body>
        {% block body %}
            <div id="menu">
                {% block menu %}
                <img alt="logo" id="logo" src="{{ asset('bundles/mallocunuitinfo/images/logo.png') }}" />
                <hr/>
                <ul>
                    <li id="menu_accueil"><a href="{{ path('site_index') }}">Accueil</a></li>
                    <li id="menu_annee"><a>Année</a></li>
                    <li id="menu_monument"><a>Types de monuments</a></li>
                </ul>

                {% endblock %}
            </div>
            <div id="contenu">
                {% block contenu %}    
                {% endblock %}
            </div>
        {% endblock %}
        {% block javascripts %}
            <script type="text/javascript" src="{{ asset('bundles/mallocunuitinfo/js/jquery-1.8.3.js') }}"></script>
            <script type="text/javascript" src="{{ asset('bundles/mallocunuitinfo/js/jquery.isotope.min.js') }}"></script>
        {% endblock %}
    </body>
</html>
